<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>${student.studentName}的个人中心</title>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bootstrap/css/font-awesome.min.css">


    <style type="text/css">
        body {
            padding-bottom: 20px;
            overflow-x: hidden;
        }

        #right{
            width: 1000px;
            height:800px;
        }

    </style>
    <!--必须使用较新版本的BootStrap才有如下效果-->

<body>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <nav class="navbar navbar-collapse" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <a class="navbar-brand ">${student.studentName}的个人中心</a>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <div class="list-group" id="leftMenu">
                <!--激活，作为标题-->
                <a href="#" class="list-group-item " onclick="notDoTest()">未完成试卷</a>
                <a href="#" class="list-group-item " onclick="haveDoTest()">已完成试卷</a>
                <a href="#" class="list-group-item ">退出</a>
            </div>
        </div>
        <div class="col-md-10">
            <div class="container">
                <iframe frameborder="0" id="right" name="right" src=""></iframe>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div align="center" style="padding-top: 200px">
                Copyright © 2018-2019 by Hinoto
            </div>
        </div>
    </div>
</div>
</body>

<script src="/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>


<script>


    function notDoTest() {
        $("#right").attr("src","/student/getAllTest?studentId=${student.studentId}&status=0");
    }

    function haveDoTest() {
        $("#right").attr("src","/student/getAllTest?studentId=${student.studentId}&status=1");
    }



</script>
</html>